import { createRoot } from 'react-dom/client';
import './index.css';
import { RouterProvider } from 'react-router-dom';
import router from './router';
import { ConfigProvider } from 'antd';
import zhCN from 'antd/locale/zh_CN';
createRoot(document.getElementById('root')!).render(
  <ConfigProvider
    locale={zhCN}
    theme={{
      token: {
        colorPrimary: '#10b981', // 主色调
        controlItemBgHover: '#a4f4cf', // 控制项背景悬停颜色
      },
      components: {
        Form: {
          //  labelRequiredMarkColor: '#10b981', // 标签必填标记颜色
          colorError: '#f87171', // 错误颜色
        },
        Input: {
          activeBorderColor: '#a4f4cf', // 输入框激活边框颜色
        },
        Tabs: {
          colorPrimary: '#10b981', // 主色调 - emerald-600
          colorPrimaryHover: '#34d399', // hover时的颜色 - emerald-400
        },
        Dropdown: {
          colorInfoHover: '#10b981',
        },
        Button: {
          primaryColor: '#fff', // 主色调 - emerald-600
          primaryShadow: 'rgba(16, 185, 129, 0.2)', // 阴影颜色
          colorPrimary: '#10b981', // 按钮主色
          colorPrimaryHover: '#34d399', // hover时的颜色 - emerald-400
          colorPrimaryActive: '#34d399', // 点击时的颜色 - emerald-400
          borderRadius: 8, // 圆角大小
        },
      },
    }}
  >
    <RouterProvider router={router} />
  </ConfigProvider>
);
